<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>杜甫的诗篇</title>
    <link rel="stylesheet" href="../../styles.css">
</head>
<body>
    <nav>
        <a href="../../index.html">首页</a>
        <a href="../../tang-poetry.html">唐诗</a>
        <a href="../../song-poetry.html">宋词</a>
        <button id="toggleMode" class="toggle-mode-button">🌙 夜间模式</button>
    </nav>

    <div class="breadcrumb-wrapper">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="../../index.html">首页</a></li>
            <li class="breadcrumb-item"><a href="../../tang-poetry.html">唐诗</a></li>
            <li class="breadcrumb-item active" aria-current="page">
                <a href="du-fu.html">杜甫</a>
                <ul class="dropdown-menu">
                    <li class="breadcrumb-item"><a href="li-bai.html">李白</a></li>
                    <li class="breadcrumb-item"><a href="wang-wei.html">王维</a></li>
                </ul>
            </li>
        </ol>
    </div>

    <main>
        <h1>杜甫的诗篇</h1>
        <article>
            <h3>春望</h3>
            <p class="poem">国破山河在，城春草木深。<br>
               感时花溅泪，恨别鸟惊心。<br>
               烽火连三月，家书抵万金。<br>
               白头搔更短，浑欲不胜簪。</p>
        </article>
        <article>
            <h3>登高</h3>
            <p class="poem">风急天高猿啸哀，渚清沙白鸟飞回。<br>
               无边落木萧萧下，不尽长江滚滚来。<br>
               万里悲秋常作客，百年多病独登台。<br>
               艰难苦恨繁霜鬓，潦倒新停浊酒杯。</p>
        </article>
        <article>
            <h3>茅屋为秋风所破歌</h3>
            <p class="poem">八月秋高风怒号，卷我屋上三重茅。<br>
               茅飞渡江洒江郊，高者挂罥长林梢，下者飘转沉塘坳。<br>
               南村群童欺我老无力，忍能对面为盗贼，公然抱茅入竹去。<br>
               唇焦口燥呼不得，归来倚杖自叹息。<br>
               俄顷风定云墨色，秋天漠漠向昏黑。<br>
               布衾多年冷似铁，娇儿恶卧踏里裂。<br>
               床床屋漏无干处，雨脚如麻未断绝。<br>
               自经丧乱少睡眠，长夜沾湿何由彻！<br>
               安得广厦千万间，大庇天下寒士俱欢颜，风雨不动安如山？<br>
               呜呼！何时眼前突兀见此屋，吾庐独破受冻死亦足！</p>
        </article>
        <article>
            <h3>闻官军收河南河北</h3>
            <p class="poem">剑外忽传收蓟北，初闻涕泪满衣裳。<br>
               却看妻子愁何在，漫卷诗书喜欲狂。<br>
               白日放歌须纵酒，青春作伴好还乡。<br>
               即从巴峡穿巫峡，便下襄阳向洛阳。</p>
        </article>
        <!-- 继续添加其他诗篇 -->
    </main>
    <footer>
        <p>&copy; 2024 中国诗词网站. 版权所有.</p>
    </footer>

    <script src="../../night-mode.js"></script>
</body>
</html>
